<template>
	<view class="outBox">
		<u-navbar leftText="活动详情" leftIconColor="#fff" :autoBack="true" bgColor="transparent">
			<view class="left-slot" slot="left">
				 <u-icon name="arrow-left" color="#fff"></u-icon>
				<text>活动详情</text>
			</view>
		</u-navbar>
		<view class="bg">
      <image :src="`${baseImgUrl}mine/topBg.png`" mode="widthFix"></image>
		</view>
		<view class="content">

		</view>
	</view>
</template>

<script>
	import {
		getWXStatusHeight
	} from '@/utils/index.js'
	export default {
		data() {
			return {
        baseImgUrl:this.$baseImgUrl,
				// 胶囊的宽度
				barWidth: 0,
				barHeight: 0,
				selectTime: '2024-1', // 月份
				options: [{
						value: "2024-1",
						label: "2024-1"
					},
					{
						value: "2024-2",
						label: "2024-2"
					},
					{
						value: "2024-3",
						label: "2024-3",
					}
				]
			}
		},
		onLoad() {
			let obj = getWXStatusHeight()
			this.barWidth = obj.barWidth + 3
			this.barHeight = obj.barHeight + 51
		},
		methods: {
			changeTime(e) {
				this.selectTime = e
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		min-height: 100vh;
		position: relative;
		padding: 20rpx 40rpx;
		box-sizing: border-box;
		min-height: calc(100vh - 40rpx);
	}
	.bg{
		image{
			width: 100vw;
		}
	}

	.left-slot {
		color: #fff;

		image {
			width: 40rpx;
			margin-right: 30rpx;
		}
	}

	.outBox {
		background-color: #242331;
	}
</style>
